    <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">帖子管理</a>
        <a>
          <cite>帖子列表</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
          <div class="layui-input-inline">
              <input type="checkbox" name="like[write]" title="置顶">
              <input type="checkbox" name="like[read]" title="精华">
              <input type="checkbox" name="like[dai]" title="禁用">
          </div>
          <input class="layui-input" placeholder="开始日" name="start" id="start">
          <input class="layui-input" placeholder="截止日" name="end" id="end">
          <div class="layui-input-inline">
            <select name="contrller">
              <option value="">分类</option>
              <?php foreach ($cate as $row): ?>
              <option value="{$row['cid']}">{$row['cname']}</option>
              <?php endforeach ?>
            </select>
          </div>
          <input type="text" name="title"  placeholder="请输入标题" autocomplete="off" class="layui-input">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div>
      <xblock>
        <button class="layui-btn layui-btn-danger" onclick="operateAll(0,'status')"><i class="layui-icon"></i>批量禁用</button>
        <button class="layui-btn layui-btn-danger" onclick="operateAll(1,'status')"><i class="layui-icon"></i>批量启用</button>
        <button class="layui-btn layui-btn-danger" onclick="operateAll(1,'is_top')"><i class="layui-icon"></i>批量置顶</button>
        <button class="layui-btn layui-btn-danger" onclick="operateAll(0,'is_top')"><i class="layui-icon"></i>取消置顶</button>
        <button class="layui-btn layui-btn-danger" onclick="operateAll(1,'is_jing')"><i class="layui-icon"></i>设置精华</button>
        <button class="layui-btn layui-btn-danger" onclick="operateAll(0,'is_jing')"><i class="layui-icon"></i>取消精华</button>
        <button class="layui-btn" onclick="x_admin_show('添加用户','./order-add.html')"><i class="layui-icon"></i>添加</button>
        <span class="x-right" style="line-height:40px">共有数据：88 条</span>
      </xblock>
      <table class="layui-table layui-form">
        <thead>
          <tr>
            <th>
              <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>类别</th>
            <th>标题</th>
            <th>用户名</th>
            <th>状态</th>
            <th>置顶</th>
            <th>精华</th>
            <th>创建时间</th>
            <th>悬赏</th>
            <th>访问量</th>
            <th>回复量</th>
            <th>查看</th>
            <th >操作</th>
            </tr>
        </thead>
        <tbody>
          
            <?php foreach ($data as $row): ?>
              <?php $row['ctime']=ftime($row['ctime']); ?>
            
          <tr>
            <td>
              <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{$row['pid']}'><i class="layui-icon">&#xe605;</i></div>
            </td>
            <th>{$row.cname}</th>
            <th>{$row.title}</th>
            <th>{$row.username}</th>
            <th>
              <input type="checkbox"<?php if(!$row['status'])echo "checked"; ?> class='status' lay-filter='status' lay-skin="switch" lay-text="启用|停用" pid="{$row['pid']}" status="{$row['status']}">
            </th>
            <th>
              <input type="checkbox"<?php if($row['is_top'])echo "checked"; ?> class='is_top' lay-filter='status' lay-skin="switch" lay-text="置顶|取消" pid="{$row['pid']}" lay-skin="switch" status="{$row['is_top']}">
            </th>
            <th>
              <input type="checkbox"<?php if($row['is_jing'])echo "checked"; ?> class='is_jing' lay-filter='status' lay-skin="switch" lay-text="精华|取消" pid="{$row['pid']}" lay-skin="switch" status="{$row['is_jing']}">
            </th>
            <th>{$row.ctime}</th>
            <th>{$row.kiss}</th>
            <th>{$row.view_num}</th>
            <th>{$row.answer_num}</th>
            <th>
              <a title="查看"  onclick="x_admin_show('编辑','order-view.html')" href="javascript:;">
                <i class="layui-icon">&#xe63c;</i>
              </a>
            </th>
            <td class="td-manage">
              <a title="查看"  onclick="x_admin_show('编辑','order-view.html')" href="javascript:;">
                <i class="layui-icon">&#xe63c;</i>
              </a>
              <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">
                <i class="layui-icon">&#xe640;</i>
              </a>
            </td>
          </tr>
            <?php endforeach ?>

        </tbody>
      </table>
            <div class="page" style="text-align: center">
                {$data->render()}
            </div>

    </div>
    <script>
      layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        form = layui.form;
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });

        //帖子单个操作
        form.on('switch(status)', function(obj){
          var data = $(obj.elem).attr('pid');
          var  operate = $(obj.elem).attr('class');
          var status = $(obj.elem).attr('status');
           $.ajax({
              url: '{:url('admin/post/operate')}',
              type: 'POST',
              dataType: 'json',
              data: {data:data,status:status,operate:operate},
            })
            .done(function(res) {
                if(res.error==1){
                    layer.msg(res.info, function(){
                    });
                }
            })
            .fail(function() {
              console.log("error");
            })          
        }); 
         
      
      });

      //  /*用户-停用*/
      // function member_stop(obj,id){
      //     layer.confirm('确认要停用吗？',function(index){
      //         if($(obj).attr('title')=='启用'){
      //           //发异步把用户状态进行更改
      //           $(obj).attr('title','停用')
      //           $(obj).find('i').html('&#xe62f;');

      //           $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
      //           layer.msg('已停用!',{icon: 5,time:1000});

      //         }else{
      //           $(obj).attr('title','启用')
      //           $(obj).find('i').html('&#xe601;');

      //           $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
      //           layer.msg('已启用!',{icon: 5,time:1000});
      //         }
              
      //     });
      // }

      // /*用户-删除*/
      // function member_del(obj,id){
      //     layer.confirm('确认要删除吗？',function(index){
      //         //发异步删除数据
      //         $(obj).parents("tr").remove();
      //         layer.msg('已删除!',{icon:1,time:1000});
      //     });
      // }


      // function member_add_jing(obj,id){
      //     layer.confirm('确认加精吗？',function(index){
      //         //发异步加精数据
      //         // $(obj).parents("tr").remove();
      //         layer.msg('已加精!',{icon:1,time:1000});
      //     });
      // }


        // 批量操作
      function operateAll (status,operate) {
        var data = tableCheck.getData();
        layer.confirm('确认要操作吗？',function(index){
            //捉到所有被选中的，发异步进行删除           
            $.ajax({
              url: '{:url('admin/post/operate')}',
              type: 'POST',
              dataType: 'json',
              data: {data:data,status:status,operate:operate},
            })
            .done(function(res) {
              var obj = $("table .layui-form-checked").not('.header');
              if (!status) {
                //index下标,el为对象,el=this可省略.prop方法主要用在单选框复选框这些,后面的参数为布尔值.attr用在一般的值上
                //按钮停用
                obj.each(function(index, el) {
                    obj.eq(index).removeClass('layui-form-checked');
                    obj.eq(index).parents('tr').find('.'+operate+'').prop('checked', false);
                });
              }else{
                //将按钮启用
                obj.each(function(index, el) {
                    obj.eq(index).removeClass('layui-form-checked');
                    obj.eq(index).parents('tr').find('.'+operate+'').prop('checked', true);
                });
              }
              $("table .header").removeClass('layui-form-checked');
             //将前面的勾都去掉并重新渲染
              form.render();  
            })
            .fail(function() {
              console.log("error");
            });
            
            if (status) {
              layer.msg('操作成功', {icon: 1});
            }else{
              layer.msg('启用成功', {icon: 1});
            }
            // $(".layui-form-checked").not('.header').parents('tr').remove();
        });
      }

      // //批量置顶
      // function setTop (status) {
      //   var data = tableCheck.getData();
      //   layer.confirm('确认要操作吗？',function(index){
      //       //捉到所有被选中的，发异步进行删除              
      //       $.ajax({
      //         url: '{:url('admin/post/setTop')}',
      //         type: 'POST',
      //         dataType: 'json',
      //         data: {data:data,status:status},
      //       })
      //       .done(function(res) {
      //         var obj = $("table .layui-form-checked").not('.header');
      //         if (!status) {
      //           //index下标,el为对象,el=this可省略.prop方法主要用在单选框复选框这些,后面的参数为布尔值.attr用在一般的值上
      //           //按钮停用
      //           obj.each(function(index, el) {
      //               obj.eq(index).removeClass('layui-form-checked');
      //               obj.eq(index).parents('tr').find('.is_top').prop('checked', false);
      //           });
      //         }else{
      //           //将按钮启用
      //           obj.each(function(index, el) {
      //               obj.eq(index).removeClass('layui-form-checked');
      //               obj.eq(index).parents('tr').find('.is_top').prop('checked', true);
      //           });
      //         }
      //         $("table .header").removeClass('layui-form-checked');
      //        //将前面的勾都去掉并重新渲染
      //         form.render();  
      //       })
      //       .fail(function() {
      //         console.log("error");
      //       });
            
      //       if (status) {
      //         layer.msg('置顶成功', {icon: 1});
      //       }else{
      //         layer.msg('取消置顶成功', {icon: 1});
      //       }
      //       // $(".layui-form-checked").not('.header').parents('tr').remove();
      //   });
      // }
      // //置顶结束
    </script>
  </body>

</html>